
<script setup>
// 1 导入ref
import { ref } from "vue";

// 2 直接定义变量的形式定义响应式 这表示数据msg 响应式   并且初始值为空
const msg = ref("");

const fn = () => {
  // 在JS中使用ref数据需要 以变量名.value 的形式 
  msg.value = Math.random();
};
</script>

<template>
  <button @click="fn">按钮</button>
  {{ msg }}
</template>
<style    scoped></style>